<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/res/css/plugins/dataTables.bootstrap.css"/>
<link rel="stylesheet" href="page/followup/css/datatable/datatable.css">
<link rel="stylesheet" href="page/followup/css/lostFollowupManager/lostFollowupRecord.css"/>
<body>
	<div class="panel panel-default">
	  	<div class="panel-heading">
	    	<h3 class="panel-title" data-language="true" data-language-key="lostfollowuprecordLostpatientlist">失访患者列表</h3>
	  	</div>
	  	<div class="panel-body lostfollowup-wrap">
	  		<div class="form-horizontal clearfix">
				<div class="dt-card form-group grid-label-4">
				    <label for="hisNo" class="control-label">科研编号</label>
				    <div class="control-input">
				      	<input id="hisNo" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-2">
				    <label for="patientName" class="control-label">姓名</label>
				    <div class="control-input">
				      	<input id="patientName" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="phoneNum" class="control-label">联系方式</label>
				    <div class="control-input">
				      	<input id="phoneNum" type="text" class="form-control" placeholder="">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label for="queue" class="control-label">选择队列</label>
				    <div class="control-input">
				      	<select id="queue" class="form-control">
				     	</select>
				    </div>
				</div>
<!--				<div class="dt-card form-group grid-label-4">-->
<!--				    <label class="control-label">年龄范围</label>-->
<!--				    <div class="control-input clearfix">-->
<!--						<div class="grid-range">-->
<!--					      	<input id="ageFrom-year" type="text" class="form-control" placeholder="岁">-->
<!--					    </div>-->
<!--					    <div class="grid-range">-->
<!--					      	<input id="ageFrom-month" type="text" class="form-control" placeholder="月">-->
<!--					    </div>-->
<!--					    <div class="grid-range grid-range-i">-->
<!--					      	<i>-</i>-->
<!--					    </div>-->
<!--					    <div class="grid-range">-->
<!--					      	<input id="ageTo-year" type="text" class="form-control" placeholder="岁">-->
<!--					    </div>-->
<!--					    <div class="grid-range">-->
<!--					      	<input id="ageTo-month" type="text" class="form-control" placeholder="月">-->
<!--					    </div>-->
<!--				    </div>-->
<!--				</div>-->
				<div class="dt-card form-group grid-label-4">
				    <label for="phoneNum" class="control-label">失访时间</label>
				    <div class="control-input clearfix">
						<div class="grid-range grid-range-time">
					      	<input id="timeFrom" type="date" class="form-control">
					    </div>
						<div class="grid-range grid-range-i">
					      	<i>-</i>
					    </div>
					    <div class="grid-range grid-range-time">
					      	<input id="timeTo" type="date" class="form-control">
					    </div>
				    </div>
				</div>
				<div class="dt-card form-group">
			      	<button type="button" class="btn btn-info" id="serchBtn">查询</button>
			      	<button type="button" class="btn btn-default" id="resetBtn">重置</button>
				</div>
	  		</div>
            <table id="lostfollowup" class="table table-striped table-bordered table-hover">
			    <thead>
			     	<tr>
					    <th>科研编号</th>
                        <th>姓名</th>
                        <th>失访日期</th>
                        <th>失访阶段</th>
                        <th>联系方式</th>
                        <th>出生日期</th>
                        <th>年龄</th>
                        <th>孕周</th>
                        <th>所在队列</th>
                        <th>进度</th>
                        <th>失访原因</th>
			     	</tr>
			    </thead>
			    <tbody></tbody>
		   	</table>
	  	</div>
	</div>

<script type="text/javascript">
require(['jquery','fu/app/lostFollowupManager/lostFollowupRecord'],function($,$lostFollowupRecord){
	$lostFollowupRecord.init();
});
</script>
</body>
